<template>
	<div class="myReport">
		<Card v-for="item in reports">
			<p slot="title">{{item.time}}</p>
			<div class="cardBody">
				<p>工作陈述：{{item.workStatement}}</p>
				<hr class="cardBodyHr">
				<p>意见建议：{{item.suggest}}</p>
				<hr class="cardBodyHr">
				<p>回评： <Rate disabled v-model="item.feedback"></Rate></p>
			</div>
		</Card>
	</div>
</template>

<script>
export default {
	name: 'myReport',
	data () {
		return {
			reports:[
			{
				time:'2015-10-15~2015-11-15',
				workStatement:'1.值班！',
				suggest:'好好学习',
				feedback:3
			},
			]
		}
	}
}
</script>

<style lang="css" scoped>
.myReport{
	width: 100%;
	height: 100%
}
.myReport .cardBody{
	font-size: 16px;
	line-height: 28px;
	padding: 5px
}
.cardBodyHr{
	height:7px;
	margin-top: 7px;
	border:none;
	border-top:1px solid #e9eaec;
}
</style>